<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
		<title>小猪先生</title>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="css/swiper.css" />
		<link rel="stylesheet" type="text/css" href="css/main.css" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
	</head>
	<body>
		<div class="page">
			<!-- 首页顶部 -->
			<div class="header">
				<nav class="navbar navbar-expand-lg navbar-light bg-light">
					<a class="navbar-brand" href="#">
						<img src="img/logo.png">
					</a>
					<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup"
					 aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation">
						<span class="navbar-toggler-icon"></span>
					</button>
					<div class="collapse navbar-collapse" id="navbarNavAltMarkup">
						<div class="navbar-nav">
							<a class="nav-item nav-link active" href="#">网站首页 <span class="sr-only">(current)</span></a>
							<a class="nav-item nav-link" href="cases.html">客户案例</a>
							<a class="nav-item nav-link" href="joinus.html">服务商加盟</a>
							<a class="nav-item nav-link" href="aboutus.html">关于我们</a>
							<a class="nav-item nav-link" href="contactus.html">联系方式</a>
						</div>
					</div>
				</nav>
			</div>

			<!-- banner -->
			<div class="banner">
				<div class="swiper-container">
					<div class="swiper-wrapper">
						<div class="swiper-slide">
							<img src="img/网站首页四版_03.png">
						</div>
						<div class="swiper-slide">
							<img src="img/网站首页四版_03.png">
						</div>
						<div class="swiper-slide">
							<img src="img/网站首页四版_03.png">
						</div>
					</div>
					<div class="swiper-pagination"></div>
				</div>
			</div>

			<!-- 优势 -->
			<div class="contion">
				<div class="wx_youshi">
					<h1 class="tl_c cl_333">微信小程序的优势</h1>
					<div class="d-flex flex-row justify-content-center">
						<div class="p-2 wx_item">
							<img src="img/index/即扫即用.png">
							<p class="text p_title">即扫即用</p>
							<p class="text">无需下载安装，微信扫一扫即可进入商城</p>
						</div>
						<div class="p-2 wx_item">
							<img src="img/index/PC.png">
							<p class="text p_title">PC/商城微信二合一</p>
							<p class="text">一次开发，同步上线PC端、微信端商城</p>
						</div>
						<div class="p-2 wx_item">
							<img src="img/index/丝滑流畅.png">
							<p class="text p_title">丝滑流畅</p>
							<p class="text">小程序商城流畅效果如同天猫、京东等原生APP</p>
						</div>
					</div>

					<div class="d-flex justify-content-center">
						<div class="p-2 wx_item">
							<img src="img/index/功能强大.png">
							<p class="text p_title">功能强大</p>
							<p class="text">完整B2C商城系统支持，可构建大型商城平台</p>
						</div>
						<div class="p-2 wx_item">
							<img src="img/index/专为微信.png">
							<p class="text p_title">专为微信平台设计</p>
							<p class="text">基于微信小程序框架构建，解决登录、支付难题</p>
						</div>
						<div class="p-2 wx_item">
							<img src="img/index/数据加密.png">
							<p class="text p_title">数据加密</p>
							<p class="text">所有数据均通过加密的https传输安全可靠</p>
						</div>
					</div>

					<div class="d-flex justify-content-center">
						<div class="p-2 wx_item">
							<img src="img/index/门店引流.png">
							<p class="text p_title">门店引流</p>
							<p class="text">通过附近小程序，搜索、分享等流量入口，给线下实体店引流</p>
						</div>
						<div class="p-2 wx_item">
							<img src="img/index/红利流量.png">
							<p class="text p_title">流量红利</p>
							<p class="text">共享10亿微信注册用户率先上线小程序，抢占流量红利</p>
						</div>
						<div class="p-2 wx_item">
							<img src="img/index/品牌展示.png">
							<p class="text p_title">品牌展示</p>
							<p class="text">颠覆传统应用模式，微信上最轻、最快、最好的用户体验，实现高效的品牌宣传</p>
						</div>
					</div>
				</div>
			</div>

			<!-- 核心优势 -->
			<div class="hx_contion">
				<div class="hx_youshi">
					<h1 class="tl_c cl_333">我们的核心优势</h1>
					<div class="d-flex justify-content-center">
						<div class="p-2 hx_item">
							<img src="img/index/实力强大.png">
							<p class="text p_title">实力强大</p>
							<p class="text">小猪先生专业的工程师队伍
								，随时为您候命，全方位地
								为您定制高度满足需求的小
								程序</p>
						</div>

						<div class="p-2 hx_item">
							<img src="img/index/量身定制.png">
							<p class="text p_title">量身定制</p>
							<p class="text">提供低价格、高品质的量身定
								制服务，贴心每个细节，采用
								行业前沿技术，实力保障</p>
						</div>

						<div class="p-2 hx_item">
							<img src="img/index/售后完善.png">
							<p class="text p_title">售后完善</p>
							<p class="text">后期提供bug修复，功能增
								添、数据维护分析、供服务
								器和数据库运维等售后服务</p>
						</div>

						<div class="p-2 hx_item">
							<img src="img/index/专业靠谱.png">
							<p class="text p_title">专业靠谱</p>
							<p class="text">小猪定制开发的微信小程序
								案例，数量超过5000+,是行
								内最专业的定制开发服务商</p>
						</div>

						<div class="p-2 hx_item">
							<img src="img/index/五对一.png">
							<p class="text p_title">五对一服务</p>
							<p class="text">五对一服务，详细沟通了解
								功能需求，为每位客户设计
								定制化方案，高度满足客户
								需求</p>
						</div>
					</div>
					<div class="btn">
						<button type="button" class="zx_btn">立即咨询</button>
					</div>
				</div>
			</div>

			<!-- 解决方案 -->
			<div class="fn_contion bg_1" id="nav_bg">
				<div class="fn_box">
					<h1 class="tl_c cl_fff">解决方案</h1>
					<p class="tl_c text">电商零售、餐饮、外卖、本地生活、休闲娱乐，小猪都有完整解决方案</p>
					<div class="nav_box">
						<ul id="nav" class="nav">
							<li data-index='1' class="action">电商</li>
							<li data-index='2'>餐饮</li>
							<li data-index='3'>医疗</li>
							<li data-index='4'>家装</li>
							<li data-index='5'>酒店</li>
							<li data-index='6'>教育</li>
						</ul>
						<div class="ih_line"></div>
						<div class="nav_item_box">
							<!-- 电商 -->
							<div class="nav_item action">
								<p class="of_h">
									<span class="nav_title">电商平台零售版</span>
									<span class="nav_btn">查看详情</span>
								</p>
								<div class="h_80 mt_10">
									<p>电商平台零售版方案是一款面向线下零售门店的一体化多渠道零售解决方案。电商平台零售版以在线商城、门店收银、多
										渠道进销存、客户管理、互动营销、数据分析在内的六大核心服务，实现线上线下商品、会员、场景的互联互通，助推企
										业/店铺快速实现营销、服务、效率转型升级。</p>
								</div>

								<div class="d-flex smal_nav">
									<div class="smal_item">
										<img src="img/index/图层22@2x.png">
										<p class="text p_title">在线商城</p>
									</div>

									<div class="smal_item">
										<img src="img/index/图层23@2x.png">
										<p class="text p_title">门店管理</p>
									</div>

									<div class="smal_item">
										<img src="img/index/图层25@2x.png">
										<p class="text p_title">进销存</p>
									</div>

									<div class="smal_item">
										<img src="img/index/图层24拷贝@2x.png">
										<p class="text p_title">客户管理</p>
									</div>

									<div class="smal_item">
										<img src="img/index/图层2@2x.png">
										<p class="text p_title">拼团砍价</p>
									</div>

									<div class="smal_item">
										<img src="img/index/图层27@2x.png">
										<p class="text p_title">营销插件</p>
									</div>
								</div>
								<div class="anli">
									<div class="anli_item">
										<img src="img/index/rococo.png">
										<div class="anli_erweima">
											<img src="img/index/rococo二维码.png">
										</div>
									</div>
									<div class="anli_item">
										<img src="img/index/花花公子.png">
										<div class="anli_erweima">
											<img src="img/index/rococo二维码.png">
										</div>
									</div>
									<div class="anli_item">
										<img src="img/index/百草味.png">
										<div class="anli_erweima">
											<img src="img/index/rococo二维码.png">
										</div>
									</div>
								</div>
							</div>

							<!-- 餐饮 -->
							<div class="nav_item">
								<p class="of_h">
									<span class="nav_title">小猪智慧餐饮平台</span>
									<span class="nav_btn">查看详情</span>
								</p>
								<div class="h_80 mt_10">
									<p>小猪智慧餐饮平台完美整合营销、会员、预约、支付、商城等餐厅经营所需的所有功能，通过微信营销帮助餐厅多渠道吸引新客到店，通过多样化营销促进客户二次消费，同时让老客主动帮助商家带来新客，为餐饮商户提供国内领先餐厅O2O解决方案。</p>
								</div>
								<div class="d-flex smal_nav">
									<div class="smal_item">
										<img src="img/index/1/点餐.png">
										<p class="text p_title">点餐</p>
									</div>

									<div class="smal_item">
										<img src="img/index/1/门店管理.png">
										<p class="text p_title">门店管理</p>
									</div>

									<div class="smal_item">
										<img src="img/index/1/营销活动.png">
										<p class="text p_title">营销活动</p>
									</div>

									<div class="smal_item">
										<img src="img/index/1/优惠买单.png">
										<p class="text p_title">优惠买单</p>
									</div>

									<div class="smal_item">
										<img src="img/index/1/预约订餐.png">
										<p class="text p_title">预约订餐</p>
									</div>
								</div>
								<div class="anli">
									<div class="anli_item">
										<img src="img/index/rococo.png">
										<div class="anli_erweima">
											<img src="img/index/rococo二维码.png">
										</div>
									</div>
									<div class="anli_item">
										<img src="img/index/花花公子.png">
										<div class="anli_erweima">
											<img src="img/index/rococo二维码.png">
										</div>
									</div>
									<div class="anli_item">
										<img src="img/index/百草味.png">
										<div class="anli_erweima">
											<img src="img/index/rococo二维码.png">
										</div>
									</div>
								</div>
							</div>

							<!-- 医疗 -->
							<div class="nav_item">
								<p class="of_h">
									<span class="nav_title">小猪智慧医疗平台</span>
									<span class="nav_btn">查看详情</span>
								</p>
								<div class="h_80 mt_10">
									<p>小猪智慧医疗平台整合了预约挂号、预约体检、预约医生、门诊缴费、住院充值、健康自测、自我管理等等丰富医院展示，拉近用户互动，提升用户体验，强大您的小程序。</p>
								</div>
								<div class="d-flex smal_nav">
									<div class="smal_item">
										<img src="img/index/2/挂号.png">
										<p class="text p_title">挂号</p>
									</div>

									<div class="smal_item">
										<img src="img/index/2/门诊缴费.png">
										<p class="text p_title">门诊缴费</p>
									</div>

									<div class="smal_item">
										<img src="img/index/2/预约体检.png">
										<p class="text p_title">预约体检</p>
									</div>

									<div class="smal_item">
										<img src="img/index/2/住院充值.png">
										<p class="text p_title">住院充值</p>
									</div>
								</div>
								<div class="anli">
									<div class="anli_item">
										<img src="img/index/rococo.png">
										<div class="anli_erweima">
											<img src="img/index/rococo二维码.png">
										</div>
									</div>
									<div class="anli_item">
										<img src="img/index/花花公子.png">
										<div class="anli_erweima">
											<img src="img/index/rococo二维码.png">
										</div>
									</div>
									<div class="anli_item">
										<img src="img/index/百草味.png">
										<div class="anli_erweima">
											<img src="img/index/rococo二维码.png">
										</div>
									</div>
								</div>
							</div>

							<!-- 家装 -->
							<div class="nav_item">
								<p class="of_h">
									<span class="nav_title">小猪智慧家装平台</span>
									<span class="nav_btn">查看详情</span>
								</p>
								<div class="h_80 mt_10">
									<p>小猪智慧家装方案致力于为家装行业提供多场景营销解决方案及营销工具，通过可视化搭建小程序、多渠道营销系统轻松完成品牌推广、活动推广，轻松管理客户，客户状态可跟踪，助力企业轻松获客，轻松转化。</p>
								</div>
								<div class="d-flex smal_nav">
									<div class="smal_item">
										<img src="img/index/3/客服系统.png">
										<p class="text p_title">客服系统</p>
									</div>

									<div class="smal_item">
										<img src="img/index/3/渠道推广.png">
										<p class="text p_title">渠道推广</p>
									</div>

									<div class="smal_item">
										<img src="img/index/3/网上报价.png">
										<p class="text p_title">网上报价</p>
									</div>

									<div class="smal_item">
										<img src="img/index/3/营销应有.png">
										<p class="text p_title">营销应有</p>
									</div>
								</div>
								<div class="anli">
									<div class="anli_item">
										<img src="img/index/rococo.png">
										<div class="anli_erweima">
											<img src="img/index/rococo二维码.png">
										</div>
									</div>
									<div class="anli_item">
										<img src="img/index/花花公子.png">
										<div class="anli_erweima">
											<img src="img/index/rococo二维码.png">
										</div>
									</div>
									<div class="anli_item">
										<img src="img/index/百草味.png">
										<div class="anli_erweima">
											<img src="img/index/rococo二维码.png">
										</div>
									</div>
								</div>
							</div>

							<!-- 酒店 -->
							<div class="nav_item">
								<p class="of_h">
									<span class="nav_title">小猪智慧酒店平台</span>
									<span class="nav_btn">查看详情</span>
								</p>
								<div class="h_80 mt_10">
									<p>小猪智慧酒店平台集成酒店业所需的重要功能，如客房管理、房间状态管理、线上预约、线上购物营销活动，以协助酒店通过线上渠道扩大其客户群，发展社交粉丝。并通过完善的线下客房管理减少人工成本，增加营业收入。</p>
								</div>
								<div class="d-flex smal_nav">
									<div class="smal_item">
										<img src="img/index/4/kefangdongtai.png">
										<p class="text p_title">客房动态</p>
									</div>

									<div class="smal_item">
										<img src="img/index/4/zaixianyuyue.png">
										<p class="text p_title">在线预约</p>
									</div>

									<div class="smal_item">
										<img src="img/index/4/附近定位.png">
										<p class="text p_title">附近定位</p>
									</div>

									<div class="smal_item">
										<img src="img/index/4/客房管理.png">
										<p class="text p_title">客房管理</p>
									</div>

									<div class="smal_item">
										<img src="img/index/4/整点秒杀.png">
										<p class="text p_title">整点秒杀</p>
									</div>
								</div>
								<div class="anli">
									<div class="anli_item">
										<img src="img/index/rococo.png">
										<div class="anli_erweima">
											<img src="img/index/rococo二维码.png">
										</div>
									</div>
									<div class="anli_item">
										<img src="img/index/花花公子.png">
										<div class="anli_erweima">
											<img src="img/index/rococo二维码.png">
										</div>
									</div>
									<div class="anli_item">
										<img src="img/index/百草味.png">
										<div class="anli_erweima">
											<img src="img/index/rococo二维码.png">
										</div>
									</div>
								</div>
							</div>

							<!-- 教育 -->
							<div class="nav_item">
								<p class="of_h">
									<span class="nav_title">小猪智慧教育平台</span>
									<span class="nav_btn">查看详情</span>
								</p>
								<div class="h_80 mt_10">
									<p>小猪智慧教育平台致力于为教育行业提供多场景营销解决方案及营销工具，通过可视化搭建小程序、多渠道营销系统轻松完成品牌活动推广，详尽的数据分析报告和企业级CRM系统让营销效果可量化、可跟踪，助力企业轻松获客，轻松转化。</p>
								</div>
								<div class="d-flex smal_nav">
									<div class="smal_item">
										<img src="img/index/5/chaozhimiaosha.png">
										<p class="text p_title">超值秒杀</p>
									</div>

									<div class="smal_item">
										<img src="img/index/5/jiangshiyuyue.png">
										<p class="text p_title">讲师预约</p>
									</div>

									<div class="smal_item">
										<img src="img/index/5/VIPhuiyuan.png">
										<p class="text p_title">VIP会员</p>
									</div>

									<div class="smal_item">
										<img src="img/index/5/zaixiangouke.png">
										<p class="text p_title">在线购课</p>
									</div>
								</div>
								<div class="anli">
									<div class="anli_item">
										<img src="img/index/rococo.png">
										<div class="anli_erweima">
											<img src="img/index/rococo二维码.png">
										</div>
									</div>
									<div class="anli_item">
										<img src="img/index/花花公子.png">
										<div class="anli_erweima">
											<img src="img/index/rococo二维码.png">
										</div>
									</div>
									<div class="anli_item">
										<img src="img/index/百草味.png">
										<div class="anli_erweima">
											<img src="img/index/rococo二维码.png">
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>

			<!-- 开发流程 -->
			<div class="lc_contion">
				<div class="lc_box">
					<h1 class="tl_c cl_333">微信小程序开发流程</h1>
					<div class="lc_line">
						<div class="img_box img_box1">
							<img src="img/index/1.png">
							<p class="text">确认行业</p>
						</div>
						<div class="img_box img_box2">
							<img src="img/index/2.png">
							<p class="text">签订合同，支付定金</p>
						</div>
						<div class="img_box img_box3">
							<img src="img/index/3.png">
							<p class="text">申请小程序</p>
						</div>
						<div class="img_box img_box4">
							<img src="img/index/4.png">
							<p class="text">发布小程序</p>
						</div>
						<div class="img_box img_box5">
							<img src="img/index/5.png">
							<p class="text">支付尾款</p>
						</div>
					</div>
					<div class="btn">
						<button type="button" class="zx_btn">立即查询价格</button>
					</div>
				</div>
			</div>

			<!-- 合作商家 -->
			<div class="hz_contion">
				<img src="img/index/网站首页四版_33.png">
			</div>

			<!-- footer -->
			<div class="footer">
				<div class="ft_box">
					<ul class="ft_item">
						<li>咨询热线</li>
						<li class="phone">010-86465754</li>
						<li class="zx_btn">在线咨询</li>
					</ul>
					<div class="ih_line"></div>
					<ul class="ft_item">
						<li>商户服务</li>
						<li><a href="">电商平台</a></li>
						<li><a href="">餐饮平台</a></li>
					</ul>
					<ul class="ft_item">
						<li>开发与合作</li>
						<li><a href="">代理商登录</a></li>
						<li><a href="">代理商查询</a></li>
						<li><a href="">服务市场</a></li>
					</ul>
					<ul class="ft_item">
						<li>帮助支持</li>
						<li><a href="">新手入门</a></li>
						<li><a href="">使用指南</a></li>
						<li><a href="">常见问题</a></li>
						<li><a href="">联系客服</a></li>
					</ul>
					<ul class="ft_item">
						<li>关于我们</li>
						<li><a href="">公司介绍</a></li>
						<li><a href="">荣誉奖项</a></li>
						<li><a href="">企业文化</a></li>
						<li><a href="">加入我们</a></li>
					</ul>
					<div class="ft_item">
						<img src="img/index/erweima.png">
					</div>
				</div>
				<div class="line"></div>
				<div class="company">Copyright © 2018 All Rights Reserved 小猪先生(北京)科技有限公司版权所有</div>
			</div>

		</div>
		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/swiper.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
			var mySwiper = new Swiper('.swiper-container', {
				autoplay: true, //可选选项，自动滑动
				pagination: {
					el: '.swiper-pagination',
					bulletClass: 'my-bullet',
					bulletActiveClass: 'my-bullet-active',
					clickable: true,
				},
			})
		</script>
	</body>
</html>
